<template>
    <div class="rule-apply">
        <div class="get-money-wImg" v-if="fission && fission.floatIco" @click="$emit('enterGetMoney',{actFissionId:fission.actFissionId,cashAmount:10})">
<!--            <img v-if="fission.floatIco" class="get-money-img" :src="fission.floatIco" alt="">-->
            <div class="positionR" v-if="fission.floatIcoTag == 'act#fission_yj_1w_mouse'">
                <img class="get-money-img" :src="fission.floatIco" alt="">
<!--                <p class="get-money-p" v-if="getMoneyProp && getMoneyProp.selfMoney && getMoneyProp.selfMoney.totalAmount > 0">-->
<!--                    <span class="get-text">已赚</span>-->
<!--                    &lt;!&ndash;<span class="get-count">￥</span>&ndash;&gt;-->
<!--                    <span class="get-money">{{getMoneyProp.selfMoney && getMoneyProp.selfMoney.totalAmount ? getMoneyProp.selfMoney.totalAmount : 0}}<span class="get-count">元</span></span>-->
<!--                </p>-->
                <p class="get-money-p get-money-p2" >
                    <span class="get-text">今日待抢</span>
                    <!--<span class="get-count">￥</span>-->
                    <span class="get-money">{{fission.remainingBudget || 10000}}<span class="get-count">元</span></span>
                </p>
            </div>
            <!--<img class="get-money-img" :src="staticImageUrl('images/circle/get_money_mouse.gif')" alt="">-->
            <!--<img class="get-money-img" v-if="fission && fission.floatIco" :src="fission.floatIco" alt="">-->
        </div>
    </div>
</template>

<script>
    import {mapState} from 'vuex'
    export default {
        name: "FessionFloat",
        props:{
            // getMoneyProp:Object,
        },
        data(){
            return{
                inviteType: 0,//分享出来的类型，1表示个人，2表示商家
                identityType: 0,//分享人类型
                identityKey: 0,//分享人角色ID
                storeId:0,//店铺id
            }
        },
        computed:{
            ...mapState({
                fission: state => state.api.fission,
            })
        },
        created(){
        },
        mounted(){
            console.log(this.fission,'this.fission');
            /*邀请类型*/
            // this.inviteType = this.$route.query && this.$route.query.inviteType ? this.$route.query.inviteType : null
            //
            // this.identityType = this.$route.query && this.$route.query.identityType ? this.$route.query.identityType : null
            // this.identityKey = this.$route.query && this.$route.query.identityKey ? this.$route.query.identityKey : null
            /*storeId*/
            this.storeId = this.$route.query && this.$route.query.storeId;
        },
        methods:{
        },
    }
</script>

<style scoped lang="scss">
    .rule-apply /deep/{
        .music-btns{
            margin-top: 0;
            text-align: center;
            position: absolute;
            right: 60px;
            top: 55px;
        }
        .new-close-music, .new-open-music{
            width: .24rem;
        }
    }
    .rule-apply {
        /*position: fixed;*/
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        text-align: right;
    }
    .get-money-wImg{
        display: inline-block;
        position: fixed;
        left: 0;
        bottom: .8rem;
        width: 1.8rem;
        padding-left: .05rem;
        z-index: 10;
        color: #fce267;
        .get-money-img{
            width: 100%;
        }
    }
    .get-money-p{
        font-size: .22rem;
        color: #fce267;
        position: absolute;
        width: 70%;
        text-align: center;
        left: -.08rem;
        bottom: .12rem;
        /*transform: scale(0.8);*/
        white-space: nowrap;
        /*-webkit-animation-name:skyset2;*/
        /*-webkit-animation-duration:2s;*/
        /*-webkit-animation-iteration-count:infinite;*/
        /*-webkit-animation-timing-function:linear;*/
    }
    /*@keyframes skyset2 {*/
        /*0%{*/
            /*opacity: 1;*/
        /*}*/
        /*29%{*/
            /*opacity: 1;*/
        /*}*/
        /*30%{*/
            /*opacity: 0;*/
        /*}*/
        /*60%{*/
            /*opacity: 0;*/
        /*}*/
        /*61%{*/
            /*opacity: 1;*/
        /*}*/
        /*100%{*/
            /*opacity: 1;*/
        /*}*/
    /*}*/
    .get-money{
        position: relative;
        display: inline-block;
    }
    .get-text{
        font-size: .12rem;
        /*left: 0;*/
        /*bottom: .19rem;*/
        /*transform: scale(0.8);*/
        /*position: absolute;*/
        /*width: 100%;*/
        /*display: inline-block;*/
        /*text-align: center;*/
        /*font-size: .1rem;*/
    }
    .get-count{
        /*top: .02rem;*/
        /*position: relative;*/
        /*display: inline-block;*/
        /*transform: scale(0.5);*/
        position: relative;
        left: .03rem;
        font-size: .1rem;
    }
    .get-money-p2{
        font-size: .18rem;
        bottom: .1rem;
        line-height: .18rem;
        .get-text{
            display: block;
        }
    }
</style>

